/**
 * 用来显示添加过的文章记录
 * 和给地址栏获取当前地址
 * 也可以手动输入
 * @returns
 */

function renderList(element) {
  let histories = [];
  element.querySelectorAll(".text-center").forEach((element, idx) => {
    let s = `${idx + 1}.[${element.querySelector(".cell-id a").textContent}] ${element.querySelector(".text-left a").textContent}`;
    histories.push(s);
  });

  const historyContainer = document.querySelector("#historyContent");
  historyContainer.textContent = histories.join("\r\n");
}
function showHistory() {
  function modifyDOM() {
    return document.querySelector("#bugForm").innerHTML;
  }

  chrome.tabs.executeScript(
    {
      code: "(" + modifyDOM + ")();",
    },
    (results) => {
      const el = document.createElement("div");
      el.innerHTML = results[0];
      renderList(el);
    }
  );
}

//页面加载显示
window.onload = showHistory;

const copyBtn = document.querySelector("#copy");

if (copyBtn) {
  copyBtn.addEventListener("click", () => {
    const historyContainer = document.querySelector("#historyContent");
    historyContainer.select();
    // 复制内容到剪贴板
    document.execCommand("copy");
  });
}

function copy(text) {
  // text是复制文本
  // 创建input元素
  const el = document.createElement("textarea");
  // 给input元素赋值需要复制的文本
  el.setAttribute("value", text);
  // 将input元素插入页面
  document.body.appendChild(el);
  // 选中input元素的文本
  el.select();
  // 复制内容到剪贴板
  document.execCommand("copy");
  // 删除input元素
  document.body.removeChild(el);
}
